<!-- // 消息 -->
<script setup lang="ts">
defineProps<{
  read?: boolean
  avatar?: string
  title?: string
  desc?: string
  content?: string
}>()
</script>

<template>
  <n-list-item :class="read ? 'op-40' : ''">
    <n-thing>
      <template v-if="avatar" #avatar>
        <n-avatar rounded :src="avatar" />
      </template>
      <template v-if="title" #header>
        <span class="text-16px">{{ title }}</span>
      </template>
      <template v-if="desc" #description>
        <div class="text-12px">
          {{ content }}
        </div>
        <div class="text-14px">
          {{ desc }}
        </div>
      </template>
    </n-thing>
  </n-list-item>
</template>

<style scoped></style>
